/*
 * @Author: 肖思汗 
 * @Date: 2025-10-31 13:26:46 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2025-10-31 14:26:23
 */

// 要求单词要尽量简洁短小, 样式根类名要用驼峰的命名方式
// 跟类名下面的所有子类型都要用下滑线连接
// ai 不要修改或者删除  上面的注释, 并且代码要 严格按照上面的要求来

.pageTemplate {
    position: relative;
    min-height: 100vh;
    padding: 20px;
    box-sizing: border-box;
    
    // 加载中容器
    .loading_container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
    }
    
    // 加载中文字
    .loading_text {
        font-size: 16px;
        color: #666;
    }
    
    // 滚动视图
    .scroll_view {
        height: 100vh;
    }
    
    // 内容容器
    .content {
        padding: 20px 0;
    }
    
    // 页面头部
    .page_header {
        margin-bottom: 30px;
    }
    
    // 页面标题
    .page_title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #333;
    }
    
    // 页面副标题
    .page_subtitle {
        font-size: 14px;
        color: #666;
    }
    
    // 状态信息容器
    .status_info {
        margin-bottom: 20px;
    }
    
    // 值项
    .value_item {
        display: flex;
        margin-bottom: 10px;
        align-items: center;
    }
    
    // 标签
    .label {
        font-size: 14px;
        color: #666;
        margin-right: 10px;
    }
    
    // 值
    .value {
        font-size: 14px;
        color: #333;
    }
    
    // 按钮容器
    .button_container {
        margin-bottom: 20px;
        display: flex;
        gap: 10px;
    }
    
    // 按钮
    .button {
        flex: 1;
    }
    
    // 空数据提示
    .empty_data {
        text-align: center;
        padding: 30px;
        color: #999;
    }
    
    // 数据列表
    .data_list {
        background-color: #f8f8f8;
        border-radius: 8px;
        padding: 10px;
    }
    
    // 数据项
    .data_item {
        padding: 12px;
        background-color: white;
        border-radius: 6px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #333;
    }
    
    // 兼容旧样式
    .botton_btns {
        text-align: center;
    }
}